// find the elements to be eased and hook the hover event
$('div.jimgMenu ul li a').hover(function() {
   // if the element is currently being animated (to a easeOut)...
    if ($(this).is(':animated'))
    {
        $(this).stop().animate(
        {
            width: "310px"
        },
        {
            duration: 450,
            easing:"easeOutQuad"
        });
    }
    else
    {
      // ease in quickly
      $(this).stop().animate(
      {
            width: "310px"
      },
      {
            duration: 400,
            easing:"easeOutQuad"
      });
    }
},
function ()
{
   // on hovering out, ease the element out
   if ($(this).is(':animated'))
   {
        $(this).stop().animate(
        {
            width: "78px"
        },
        {
            duration: 400,
            easing:"easeInOutQuad"
        });
   }else
   {
        // ease out slowly
        $(this).stop('animated:').animate(
        {
            width: "78px"
        },
        {
            duration: 450,
            easing:"easeInOutQuad"
        });
   }
});